/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {font-family:"Andalus";src:url("../fonts/2.eot?") format("eot"),url("../fonts/2.woff") format("woff"),url("../fonts/2.ttf") format("truetype"),url("../fonts/2.svg#Andalus") format("svg");font-weight:normal;font-style:normal;} 

  
/*****************  SETTING ********************/
.trans3, nav ul li a, .control-report,nav ul li.nav-active a, nav ul li a,ul.menu li a , .IconDownload, .bntIconDownload,  .bnttoShopbag, .bnttoPayment, .bntHome, .bntChangeoder,
.btn-app, .box-img-col, .title-col>a, .btn-facebook img, .btn-facebook span,.colProduct ul.wrapProduct li .linkPro, .linkDetail,
.btnGreen  { -webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;} 
.control-report:hover, .btn-app:hover, a.box-img-col:hover, a.title-col:hover, .btn-facebook:hover span, .btn-facebook:hover img, .bnt-continue:hover  { opacity: 0.8;}
h3.title-col a:hover {color: #fab810;}


/***Setting Width for ALL PAGES***/
.w-content { width: 762px; *padding: 0 24px; margin: 0 auto;}/***Dont't fix***/
 
/***Setting HEADER***/
header { background:#FFFFFF; position: fixed; top: 0; width: 100%;	z-index:99; }
#logo {	float: left;container}
#logo a {	width: 346px;	height: 87px;	display: inline-block; 	margin-top: 10px;}
.box-top-right { float: right; min-width: 285px; margin-top: 20px; }
.box-top-right .w-open-time  { float: left;}  { float: left;} 
.box-top-right .w-open-time span { display: block; }
.box-top-right .w-open-time .tit-openday { font-size: 14px; font-weight: bold; color: #1e1e1e; margin-bottom: 6px;}
.box-top-right .w-open-time .time-open { background: url(../images/i-clock.png) 0 0 no-repeat; padding: 6px 0 10px 27px; font-size: 18px; font-weight: bold; color:#6d9f37;}
.box-top-right .control-report { float: right; margin-left: 5px;} 
.box-top-right .cards { float: right; clear: both; margin-top: 5px;} 

nav { float: left; margin-top: 15px; width: 100%; border-bottom: 1px solid #22935d; position: relative;	
	
	background: rgb(0,145,24); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(0,145,24,1) 0%, rgba(0,130,67,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,145,24,1)), color-stop(100%,rgba(0,130,67,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,145,24,1) 0%,rgba(0,130,67,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,145,24,1) 0%,rgba(0,130,67,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,145,24,1) 0%,rgba(0,130,67,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,145,24,1) 0%,rgba(0,130,67,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009118', endColorstr='#008243',GradientType=0 ); /* IE6-8 */
}
nav ul {}
nav ul li {	float: left;padding: 12px 8px; }
nav ul li:first-child {	padding-left: 15px;}
nav ul li:last-child {	padding: 12px 25px 12px 25px; float: right;} 
nav ul li a {	color: #fff;	font-size: 14px;	font-weight: bold;	text-transform: uppercase;	text-decoration: none; }
nav ul li.nav-active>a, nav ul li:hover>a { color:#f8bb2a;}
nav ul li:last-child .bnt-shopping-bag {background: url(../images/i-shopping-bag.png) 0 0 no-repeat; position: absolute;padding-left: 45px;padding-top: 12px;right: 5px;top: 0px; height: 26px; }

 /*** Setting Container ***/
#container {padding-top: 155px;}
#banner { background: url(../images/bg-banner-fb.png) 0 0 no-repeat; width: 762px; height: 345px; margin: 0 auto; border-top: 1px solid #d7d7c2; margin-top: 20px;}
#banner .wrap-col-form { float:  left; width: 440px; padding: 25px 0 0 35px; max-height: 280px; }
	.wrap-col-form .title { font-size: 39px; font-family: "Andalus"; color: #6d9f37;}
	.wrap-col-form p { font-size: 14px; color: #434343;}
	.wrap-col-form .box-input { margin: 15px 0 0 25px; width:  355px ; height:  90px; padding: 15px; background: #e7ead1; position: relative; 
		-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;}
	.box-input .ip-postnr, .box-input .ip-by { background: url(../images/bg-input-gray.png) 0 0 repeat-x;  border: 1px solid #c3c0b8; height: 30px; padding: 3px 15px; outline: none;
		-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;}
	.box-input .ip-postnr { width: 68px;}
	.box-input .ip-by {width: 178px; }
	.box-input span { font: 28px Tahoma, Geneva, sans-serif; display: inline-block; width: 36px; line-height: 26px; color: #434343;	text-align: center;	position: relative;	top: 7px;}
	.box-input .ip-delivery {background: url(../images/bg-input-yel.png) 0 0 repeat-x;
		border: 1px solid #b67104; 
		height: 38px;
		padding: 0px 15px;
		outline: none;
		margin-top: 10px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		font-size: 19px;
		width: 175px;
		position: absolute;
		top: 54px; left: 15px;}  
	a.bnt-continue { margin-top: 10px;
		border: 1px solid #b67104;
		height: 28px;
		padding: 5px 15px;
		font-family: "Andalus";
		font-size: 26px;
		text-transform: uppercase;
		color: #fff;
		display: inline-block;
		line-height: 33px;
		position: absolute;
		left: 221px;
		top: 54px;
		width: 115px;
		text-shadow:  3px 3px 1px rgba(150, 150, 150, 0.5);
		
		background: rgb(250,187,17); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url();
		background: -moz-linear-gradient(top,  rgba(250,187,17,1) 0%, rgba(250,156,6,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,187,17,1)), color-stop(100%,rgba(250,156,6,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(250,187,17,1) 0%,rgba(250,156,6,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(250,187,17,1) 0%,rgba(250,156,6,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(250,187,17,1) 0%,rgba(250,156,6,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(250,187,17,1) 0%,rgba(250,156,6,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabb11', endColorstr='#fa9c06',GradientType=0 ); /* IE6-8 */
		
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
#banner .wrap-col-text-list { float:  right; width:  192px; padding-right:  20px; max-height:  245px; padding-top: 25px;}
ul.text-list li { color:  #434343; background: url(../images/icons01.png) -154px 0 no-repeat; padding-left: 30px;line-height: 22px;font-size: 16px;padding-bottom: 8px;font-style: italic;}

.wrap-col-text-list { position: relative;}
.wrap-col-text-list .bntDowloadMK { display: block; position: absolute; top: 225px; left:  30px;}
.wrap-col-text-list .bntDowloadMK:hover {opacity:  0.8;}

/*** Setting CSS JS ***/ 
ul.text-list li { display: none;} 


/*** Setting Article ***/ 
.row-article { margin-top: 25px; padding-bottom: 20px;}
	.each-col  { width:  370px; margin-right:  22px; float: left;}
	.title-col, .each-col .title-col a  { color: #ef810a; font-size:  18px; font-weight: normal; text-transform:  uppercase; margin-bottom: 15px;}
	.each-col p.decr-art { padding-bottom: 15px;}
	.box-img-col  { position: relative; display: block;width: 370px; height: 189px; margin-bottom: 10px;}
	.box-img-col img  { width:370px;height:189px;z-index:8;position: absolute; top: 0; left:0;}
	.box-img-col .mask-border { background:url(../images/mask-border-fb.png) 0 0 no-repeat; z-index: 9; display: block; position: absolute; top: 0; left:0;width: 370px; height: 189px;}
	.decr-art { margin-top: 20px;}
		
	
/*** Setting Template ***/ 	
.template-article  { margin-top: 25px; padding-bottom: 20px;}
div.pTerms p { margin: 0.3em 0 0.8em 0; line-height: 1.5em; }
.template-article h6 { font-size:  13px; color: #000; font-weight:  normal; margin-top:  18px; padding-bottom:  5px;}
.pTerms  a { color: #008341;}


/*** Setting OM-OS + PageS***/ 

.template-article .title-col { border-bottom: 1px solid #626262; margin-bottom: 20px; padding-bottom: 10px;}
.template-article .box-img-col { float: left; margin-right: 22px;  display: inline-block;}
.template-article .name-art { text-transform: uppercase; color: #000; padding: 10px 0 3px 0; font-weight: normal; font-size: 16px;}
.template-article p { margin: 0.6em 0 1.4em 0; line-height: 1.5em; }
.template-article p.info-contact { margin-top: 8px; line-height: 22px;}
.template-article  .each-col .info-time { width: 140px; margin-right: 5px;display: inline-block;margin-top: 10px;}

/*** Setting Form  Input  Textarea ***/ 
.txt-input  { height: 20px; padding: 3px 11px;}
.txt-area	{ min-height: 95px; padding: 5px 11px;}
.txt-input, .txt-area  { width: 290px; height: 20px;  border: 1px solid #d6d6d6; margin-top:8px;}
.wrap-form-contact {}
  
/*** Setting Button  ***/ 
.btnGreen {color: #008341;  text-align: center; text-transform: uppercase; line-height: 24px; height: 24px; width: 103px;  border: 1px solid #008341;  font-size: 14px; display: inline-block; float: left; } 
.btnGreen:hover { background: #008341; color: #fff;}
.wrap-form-contact .wrap-button { margin-top: 8px;}
.wrap-form-contact .wrap-button .btnSend { margin-right: 6px;}
 
/*** Setting Bestilonline  ***/ 
#checkout { margin-top: 0;} 
#shopOnline {}
#shopOnline	h4.title-col { margin-bottom:  0;}
#shopOnline .colMenu { width:  215px; float: left;  }
	.colMenu .title-col, .colProduct .title-col { border-bottom: 1px solid #ccc;}
	.colMenu ul.menu { padding-bottom: 10px;}
	.colMenu ul.menu li {  border-bottom: 1px solid #ccc;}
	.colMenu ul.menu li a { width: 190px; padding: 8px 25px 8px 0; line-height: 22px; color:  #3c3c3c; font-size:  14px; text-transform:  uppercase;display: inline-block; background: url(../images/add.png) 200px center no-repeat #fff;}
	.colMenu ul.menu li:hover a, .colMenu ul.menu li.menuActive a  { color: #018244; background-image: url(../images/sub.png);}
	.colMenu .menuActive .iconA {content: "-"; color: #018244;}
	.colMenu .wrap-buttonApp { margin-top:  15px; border-top: 1px solid #ccc; padding-top:  10px;}

	.wrap-form-sub { margin-top:  10px;}
	.wrap-form-sub h5.title-col,   { font-size:  15px; border-bottom:  none; margin:  8px 0 0 0; padding-bottom:  5px;}
	.wrap-form-sub .txt-input { width:  191px;}
	.wrap-form-sub p { margin: 5px 0; }
	.wrap-form-sub .wrap-button  { margin-top:  8px;}
	.wrap-form-sub .wrap-button .btnUnsub { float: right;}
	.IconDownload { margin-top: 7px; display:  inline-block;}
	.IconDownload:hover { opacity: 0.9;}

#shopOnline .colProduct { width: 507px;float: right;}
	.colProduct ul.wrapProduct { margin-top:  10px; } 
	.colProduct ul.wrapProduct li { width:  220px; height:  250px; padding: 10px 0 5px 0; margin-left:  60px; float: left; position: relative; } 
	.colProduct ul.wrapProduct li .linkPro { display:  block; float: left;overflow: hidden;text-align: center;}
	.colProduct ul.wrapProduct li .wrapImgpro > img { width:  220px; height: 142px;}
	.colProduct ul.wrapProduct li .proName  { font-size:  12px; font-weight: bold; color: #000;  margin-top: 10px; }
	.colProduct ul.wrapProduct li .proDec  { color: #646464; margin:  7px 0 2px 0; font-size:  12px;  }
	.colProduct ul.wrapProduct li .proPrice  { font-size:  13px; color: #000; display: inline-block; margin-top: 8px;}
	.colProduct ul.wrapProduct li .linkDetail { opacity: 0; background:  #fff; width: 125px; height: 30px; line-height: 30px; font-size: 14px; display: inline-block;; text-align: center;color: #008341; border: 1px solid #008341;  position: absolute; top: 115px; left: 45px;}
	.colProduct ul.wrapProduct li:hover .linkPro { opacity: 0.6;}
	.colProduct ul.wrapProduct li:hover .linkDetail { opacity:1;}

#popupDetail { top: 130px!important; left: 48%; width:  600px; min-height: 260px; padding:  30px; background: #fff; border-radius: 0;} 
#popupDetail .ppDetail {} 
#popupDetail .ppDetail .wrapImgpro  { float: left; width: 286px; }  
#popupDetail .ppDetail .wrapImgpro img { width: 286px; height: auto; }  
#popupDetail .rightDetail { width:  285px; float: right; padding-top:  30px;} 
#popupDetail .rightDetail .proName { font-size:  22px; margin-bottom:  15px; text-transform: uppercase; font-weight:  normal; color:#000;} 
#popupDetail .rightDetail .proDec { font-size:  15px;line-height: 22px;} 
#popupDetail .rightDetail .proPrice  { font-size:  22px; float: right; margin-top: 2px; color:#000;}  
#popupDetail .rowNumber  { margin:  40px 0 25px 0; width:  240px;} 
#popupDetail .inputNumber { width:  50px; padding: 2px 3px; height:  18px; line-height:  18px; text-align:  center; float: left;} 
#popupDetail .wrapUpdown { width:  10px; height:  14px; float: left; margin-left:  10px; padding: 0;margin-top: 5px;}  
#popupDetail .wrapUpdown img { width:  8px; float: left; height: 7px; cursor:pointer;}  
#popupDetail .wrapUpdown .i-down { margin-top: 1px;}  
#popupDetail .lable-stk { display:  inline-block; float: left; margin-left: 5px;margin-top: 7px;}

#popupDetail .rightDetail .bnttoShopbag, .bnttoPayment, .bntHome { position: static;  color: #008341; background: #fff; border: 1px solid #008341; font-size:  16px; display:  inline-block; width:  220px; height: 30px; text-align: center; padding:  3px 10px; line-height:  30px;} 
#popupDetail .rightDetail .bnttoShopbag:hover, .bnttoPayment:hover, .bntHome:hover { color: #fff; background: #008341;border: 1px solid #008341; }
#popupDetail .rightDetail .bnttoShopbag:hover .iconNext, .bnttoPayment:hover .iconNext ,  .bntHome:hover .iconNext{ background-image: url(../images/icon-next.png); }  
.bnttoShopbag .iconNext, .bnttoPayment .iconNext, .bntHome .iconNext { background: url(../images/icon-next-hover.png) 0 0 no-repeat; width: 15px;height: 12px;display: inline-block;margin-left: 10px;} 
  

.bntChangeoder {position: relative; color: #008341; background: #fff; border: 1px solid #008341; font-size:  16px; display:  inline-block; 
	width:  175px; height: 30px; text-align: center; padding:  3px 10px; line-height:  30px; text-transform:  uppercase;} 
.bntChangeoder .iconBack { background: url(../images/icon-back-hover.png) 0 0 no-repeat; width: 15px;height: 12px;display: inline-block;margin-right: 5px;}
.bntChangeoder:hover { background: #008341; border: 1px solid #008341;  color: #fff;}
.bntChangeoder:hover .iconBack {background: url(../images/icon-back.png) 0 0 no-repeat;}
 
.bntIconDownload { margin-top:  8px; position: static; text-transform:  uppercase; color: #fff; background: #008341; border: 1px solid #008341; font-size:  14px; display:  inline-block; width:  210px; height: 30px; text-align: center; padding:  3px 1px; line-height:  30px;} 
.bntIconDownload { background: #fff; border: 1px solid #008341; color: #008341; }
.iDownload { background: url(../images/iconDownload.png) 0 0 no-repeat; width: 15px;height: 15px;display: inline-block;margin-left: 10px;top: 2px; position: relative;} 
.bntIconDownload:hover .iDownload { background-image: url(../images/iconDownload-hover.png); } 
.bntIconDownload:hover { background:#008341; color:  #fff;  }
  
/*** Setting   ***/
#ppShoppingbag {z-index: 999; position: absolute; top: 43px !important; right: 0; width: 740px; padding: 15px 10px 15px 10px; max-height:  460px; overflow: auto; 
border: 1px solid #626262; background: #fff; margin-left: -381px; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	
	box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-box-shadow: none;
}
.wrapShoppingbag {}
.wrapShoppingbag h5.title-col { position: relative; border-bottom:  1px solid #ccc; padding-bottom: 10px; margin-bottom: 5px;}
.wrapShoppingbag .closeShopbag {  position: absolute; top:  -8px; right: -2px; color: #666;cursor: pointer;} 
.wrapShoppingbag .closeShopbag:hover {color: #000;} 
.wrapShoppingbag .wrapTb  {}
.bnt-shopping-bag { position: relative;}
 nav .reveal-modal-bg { opacity: 0; }

.z1 { opacity: 0!important;}
.z2 { z-index:102 !important;}
.hide { visibility:hidden;}


table.viewshoppingbag {} 
table.viewshoppingbag tr.eachRowPro{} 
/**table.viewshoppingbag tr.addNew { background: #ececec;}**/
#ppShoppingbag table.viewshoppingbag tr.eachRowPro:hover { background: #ececec;}
table.viewshoppingbag td {}
table.viewshoppingbag .proImg { width:  110px; min-height:  70px; padding: 5px 10px;}
table.viewshoppingbag .proImg img { width: 110px; height: 71px;}

table.viewshoppingbag .proNameDec { width: 340px;}
	table.viewshoppingbag .proNameDec .proName { color: #000; font-weight: bold; font-size:  14px;}
	table.viewshoppingbag .proNameDec .proDec { font-size:  14px;} 

table.viewshoppingbag .proPrice { width: 85px; margin-right:  10px; text-align: right; padding-top:  15px;}

table.viewshoppingbag .proNumber { width: 50px; margin-right:  5px; text-align: right; padding-top:  15px; padding-left:  15px;}
	table.viewshoppingbag .proNumber .inputNumber { width:  30px; padding: 2px 3px; height:  18px; line-height:  18px; text-align:  center; } 

table.viewshoppingbag .proStk { width: 50px;  text-align: left; padding-top:  15px;}
	table.viewshoppingbag .wrapUpdown { width:  10px; height:  14px; float: left; margin-left:  10px; padding: 0;margin-top: 5px;} 
	table.viewshoppingbag .proStk .wrapUpdown img { width:  8px; float: left; height: 7px; cursor:pointer;}
	table.viewshoppingbag .wrapUpdown .i-down { margin-top: 1px;}  
	table.viewshoppingbag .proStk .lable-stk { display:  inline-block; float: left; margin-left: 5px;margin-top: 7px;}

table.viewshoppingbag   { }
table.viewshoppingbag tr.HeadTb {  border-bottom: 1px solid #ccc; height: 5px;}
table.viewshoppingbag tr.HeadTb td { padding-top:  8px; padding-bottom:  12px; }
table.viewshoppingbag tr.HeadTb span { color:  #000; font-size:  14px;}
table.viewshoppingbag tr.HeadTb td.proNumber { text-align:  center;}
table.viewshoppingbag tr.HeadTb td.proPrice { padding-right: 10px;}
table.viewshoppingbag .proPriceTT { width: 140px; text-align:  right;  position: relative;  padding-right:  5px; display:  inline-block; padding-top: 40px;}
	table.viewshoppingbag .proPriceTT span, table.viewshoppingbag .proPrice span {font-size:  15px; color: #000;}
	table.viewshoppingbag .proPriceTT span.btDel {position: absolute;top: 15px;right: 5px;color: #fff;background: #666;font-size: 9px;padding: 1px 2px;border-radius: 2px;line-height: 10px; cursor: pointer;}
 	table.viewshoppingbag .proPriceTT .btDel:hover { background: #000;}
.wrapTb .wrapTotalPrice  { text-align:  right; margin-top: 7px; padding-top: 12px;  border-top: 1px solid #ccc;}
.wrapTb .wrapTotalPrice .lbTotal { width: 200px; text-align:  right; font-size:  16px; color:  #000; display:  inline-block;}
.wrapTb .wrapTotalPrice .totalPrice { width:  185px; margin-right: 5px; text-align:  right; font-size:  16px; color:  #000;display:  inline-block;}
.wrapTb  .bnttoPayment { float: right; margin-top:  15px;}
table.viewshoppingbag td {}
.i-up, .i-down { opacity: 0.7;}
.i-up:hover, .i-down:hover { opacity: 1;}
  
/*** Setting Footer ***/ 
footer {   margin-top: 10px; text-align:  center; }
footer .w-content { width:  762px; padding:  15px 0; border-top: 1px solid #ccc;}
.info-footer { display: inline-block; margin-top: 10px;} 
.btn-facebook { float:right; display: inline-block;  width: 120px; height: 40px; }
.btn-facebook span { float: left; display: inline-block; padding-top: 10px; }
.btn-facebook img { float: right;} 


/*** Setting Checout-Page ***/ 
.col-left-checkout { float: left;  width: 361px; }
.col-right-checkout { float: right; width: 361px; }
.col-step-1 { width: 361px; float: left;}
.col-step-2 { float: right; width: 361px;  min-height: 190px;}
.col-step-3 { float: right; width: 361px; min-height: 190px;}
.col-step-4 { float: left; width: 761px;margin-top: -20px; }
h6.title-step { text-transform: uppercase;  border-bottom: 1px solid #626262; padding: 12px 0 8px 0; font-weight: normal;  font-size: 15px; color: #ef810a; padding-left: 28px; position: relative; margin-bottom: 10px;}
h6.title-step .number { width: 22px; height: 22px; float: left; position: absolute; top: 8px; left: 0; font-size: 0;}
.col-step-1 h6.title-step .number { background: url(../images/number.png) 0 0 no-repeat;}
.col-step-2 h6.title-step .number { background: url(../images/number.png) -22px 0 no-repeat;}
.col-step-3 h6.title-step .number { background: url(../images/number.png) -44px 0 no-repeat;}
.col-step-4 h6.title-step .number { background: url(../images/number.png) -66px 0 no-repeat;}
.info-header-input { overflow: hidden;}
.info-header-input .txt-input { width:  245px; float: left; height:  18px; margin-right: 5px;}
.info-header-input .btnHent { width:  85px; margin-top: 8px;}
.info-header .lbdec { margin-bottom:  5px; margin-top:  17px;}
.info-top-p .title-select { padding-top:  10px; border-top: 1px solid #ccc;margin-bottom: 8px;margin-top: 20px; color:  #000; font-family:  Arial, Helvetica, sans-serif;}
.select-control { width:  100%; height:  28px; border:  1px solid #ccc;margin-bottom: 8px;padding:3px 5px 3px 10px;}
.select-control option {  line-height: 28px;} 
.erow .txt-input  { width:  337px;}
.erow > .i-post { width:  80px;} 
.erow > .i-by { width:  229px;} 
.erow .txt-area { width: 337px; min-height: 140px; font: 12px normal Helvetica,  Arial, sans-serif; line-height:  19px;}
.i-row p { font: 13px normal Helvetica,  Arial, sans-serif; line-height:  19px;}
.info-date-wrapper { width:  215px; float: left;margin-bottom: 15px;}
.info-time-wrapper { width:  80px; float: right;}
.blRadio { display: inline-block ;margin-top: 8px;}
.blRadio span { margin-top: 5px;}
.info-bot-p p { margin:  20px 0 10px 0;}
.info-date-wrapper .txt-input { width:  245px; margin-top:  0; height:  18px;} 
.info-time-wrapper .select-time { width:  80px; height:  26px; border:  1px solid #ccc;padding:3px 5px 3px 10px; color: #787878;}
.info-date-wrapper p, .info-time-wrapper p { margin:  0 0 5px 0; font-family:  Arial, Helvetica, sans-serif;}
.col-step-3 p.paymentTemp { margin: 15px 0 10px 0;}
.img-cart { margin-top: 15px;}
.col-step-4 .wrapTb { margin-top: 10px;}
.col-step-4 .wrapTb .wraplbTotal { width:  305px; float: right; margin-top:  5px;padding-bottom: 5px;}
.col-step-4 .wrapTb .wrapTotalPrice .lbTotal { float: left; width: 165px; text-transform:  uppercase; margin-bottom:  12px; font-size: 15px}
.col-step-4 .wrapTb .wrapTotalPrice .totalPrice { float: left; width:  135px; margin-bottom:  12px;}
.blAccept { display: inline-block; width:  335px; float: left; text-align:  left; font-size:  13px; line-height:  18px; margin-top:  5px;}
.blAccept input { }
.blAccept a { display:  inline-block; float: left; margin-left:  22px;}
.blAccept a:hover  {color: #008341 ;}
.col-step-4 .wrapButton {  border-top:  1px solid #ccc;}
.col-step-4 .wrapButton .bntChangeoder { margin-top:  22px; float: left;}
.col-step-4 .wrapButton .bnttoPayment { margin-top:  22px; float: right;}
.col-step-4 table.viewshoppingbag .proPrice, 
.col-step-4 table.viewshoppingbag .proNumber { padding-top:  0; }
.col-step-4 table.viewshoppingbag .proPriceTT  { padding-top:  35px;}
.col-step-4 table.viewshoppingbag .proName { padding-top:  8px;}
.col-step-4 table.viewshoppingbag .proDec { margin-top:  5px;}
.col-step-4 table.viewshoppingbag .proNumber { padding-top:  0; color: #000; font-size:  15px; text-align:  center;}

.col-step-4 table.viewshoppingbag tr.HeadTb td { padding-top:  2px;  }
.col-step-4 table.viewshoppingbag tr.HeadTb {  border-bottom:  1px solid #626262;}

/*** Setting ppThank ***/
#ppThank  {z-index: 99999; top: 157px !important; left: 56%; width:  400px; min-height: 100px; padding:  30px; background: #fff; border-radius: 0;} 
.wrappThank { text-align:  center;}
.wrappThank  p { font-size:  15px; margin-top: 15px;}
.wrappThank  .bntHome { margin-top: 22px; margin-bottom:  8px;}
.bntHome { width:  140px; text-transform:  uppercase;} 
#ppThank .bntHome { margin-top:  20px;}
.viewshoppingbag td.proPriceTT { border:  none; outline:  none;}
.row-article  .noHover a.box-img-col:hover    { opacity: 1 !important;}

/*** Setting IF facebook ***/
.each-col .decFB, .each-col .decr-art { line-height: 1.5em;}
.each-col .decFB  { margin: 30px 0 30px;}
.lineRow {height: 1px;width: 762px;background: #ccc;overflow: hidden;margin-bottom: 25px;}
 .invalid {
    border: 1px solid #FF0000;
}

.each-col .wrapButtonapp {
    margin: 32px auto 0;
    text-align: center;
}
.each-col .wrapButtonapp .btn-app {
    display: inline-block;
    margin-bottom: 10px;
}
/*** Setting CSS ***/
/*** Setting CSS ***/